const CracoLessPlugin = require('craco-less');

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            // antd 主体配置
            modifyVars: {
              // 全局主色
              "@primary-color": "#1890ff",
              // 链接色
              "@link-color": "#1890ff",
              // 成功色
              "@success-color": "#52c41a",
              // 警告色
              "@warning-color": "#faad14",
              // 错误色
              "@error-color": "#f5222d",
              // 主字号
              "@font-size-base": "14px",
              // 标题色
              "@heading-color": "rgba(0, 0, 0, 0.85)",
              // 主文本色
              "@text-color": "rgba(0, 0, 0, 0.65)",
              // 次文本色
              "@text-color-secondary": "rgba(0, 0, 0, 0.45)",
              // 失效色
              "@disabled-color": "rgba(0, 0, 0, 0.25)",
              // 组件/浮层圆角
              "@border-radius-base": "2px",
              // 边框色
              "@border-color-base": "#d9d9d9",
              // 浮层阴影
              "@box-shadow-base": "0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",
            },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};
